<template>
  <el-drawer destroy-on-close size="800" v-model="弹窗否" :show-close="false" :before-close="详情.关窗">
    <template #header>
      <a工具栏 :详情_抽屉式="详情" />
    </template>
    <el-form :model="单项" label-position="top" ref="formRef" :rules="rule" label-width="80px">
      <el-form-item label="编号:" prop="编号">
        <el-input v-model="单项.编号" :clearable="true" />
      </el-form-item>
      <el-form-item label="行业:" prop="行业">
        <el-select v-model="单项.行业" clearable filterable allow-create default-first-option :reserve-keyword="false">
          <el-option v-for="item in list.插组件.a.候选值集.行业" :key="item.value" :label="item.label" :value="item.value" />
        </el-select>
      </el-form-item>
      <el-form-item label="客户单位:" prop="客户单位">
        <el-input v-model="单项.客户单位" :clearable="true" />
      </el-form-item>
      <el-form-item label="项目名称:" prop="项目名称">
        <el-input v-model="单项.项目名称" :clearable="true" />
      </el-form-item>
      <el-form-item label="预计招标时间:" prop="预计招标时间">
        <el-date-picker v-model="单项.预计招标时间" type="datetime" />
      </el-form-item>
      <el-form-item>
        <!-- <a子表 :父组件="详情" ref="子表ref" 标题="项目明细" 字段名="项目明细"></a子表> -->
        <a子表 :父单项="单项" ref="子表ref" :父插组件="list.插组件" :父字段="list.插组件.取字段('项目明细')" :指定字段名组="['流量', '扬程', '数量']" :编辑否="true"
          :cfg="{ 禁止增删: false, 禁止详情链接: true }"></a子表>
      </el-form-item>
    </el-form>
  </el-drawer>
</template>

<script setup>
import { ref, reactive, onMounted, onBeforeUnmount, watch } from 'vue'

const props = defineProps({
  list: Object,
  url: String,
})

// console.log(`list.插组件.a.候选值集 👉`, props.list.插组件.a.候选值集)
import use详情_抽屉式 from '@/hooks/use详情_抽屉式';
function 复制后处理(单项) {
  单项.客户单位 += 1
  单项.项目名称 += 1
}
const 指定rule = {
  预计招标时间: [{
    required: true,
    message: '必填项',
    trigger: ['input', 'blur'],
  },
  ],

}
const 详情 = use详情_抽屉式({ list: props.list, url: props.url, 复制后处理, rule: 指定rule })
// const 详情 = use详情_抽屉式()
const { 弹窗否, 单项, 初始化, formRef, rule } = 详情


import a子表 from '@/components/a子表.vue';
const 子表ref = ref()

defineExpose({ 详情 })

</script>

<style></style>
